*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.clearfix:after{
    display: block;
    content: "";
    clear: both;
}
.headerTopleft,
.headerTopright{
    float: right;
}
.headerTopright .welcome{
    font-size: 12px;
    color: #808080;
    display: inline-block;
    padding: 5px 0;
    margin-right: 15px;
}
.headerTopright a{
    color: #808080;
}
.headerTopright a:hover{
    text-decoration: none;
    color: #808080;
}
.headerTopleft .active a{
    font-size: 12px;
    color: #808080;
}
.xian{
    border-top: 1px solid darkgray;
}
.searchTob,
.hotWold{
    float: right;
}
.searchTob{
    margin-top: 10px;
}
.searchTob .ku{
    margin-top: 5px;
    width: 180px;
    height: 26px;
    font-size: 12px;
}
.searchTob button{
    margin-left: -6px;
    width: 49px;
    height:25px;
   display: inline-block;
    background: rgb(189, 24, 24);
    color: #ffffff;
    border: none;
    margin-right: 10px;
}
.vansearch .searchTob a{
    display: inline-block;
    background: rgb(189, 24, 24);
    padding: 1px 15px;
    color: #ffffff;
    float: right;
    margin-top: 4px;
}
.vansearch .searchTob a:hover{
    text-decoration: none;
}
.hotWold p{
    font-size: 12px;
    margin-bottom: 0;
}
.hotWold p a{
    margin-left: 5px;
    color: #808080;
}
.hotWold p a:hover{
    text-decoration: none;
}
.navbar-nav ul .nav-link{
    color: #999;
}
.navbar-nav .nav-item{
    position: relative;
}
.navbar-nav .one:hover .one-1{
    height:340px;
}
.navbar-nav .two:hover .two-2{
    height: 520px;
}
.navbar-nav .three:hover .three-3{
    height: 150px;
}
.navbar-nav .four:hover .four-4{
    height: 230px;
}
.navbar-nav .five:hover .five-5{
    height: 90px;
}
.navbar-nav .six:hover .six-6{
    height: 140px;
}
.navbar-nav .seven:hover .seven-7{
    height: 180px;
}
.navbar-nav .eight:hover .eight-8{
    height: 285px;
}
.banner .navbar-nav .nav-item:hover{
    border-bottom: 3px solid red;
}
.one-1,.two-2,.three-3,.four-4,.six-6{
    z-index: 99;
    position: absolute;
    width: 80px;
    height: 0;
    background:#ffffff;
    top: 59px;
    left: 0;
    overflow: hidden;
    transition: all 0.5s;
}
.five-5{
    z-index: 99;
    position: absolute;
    width: 95px;
    height: 0;
    background:#ffffff;
    top: 43px;
    left: 0;
    overflow: hidden;
    transition: all 0.5s;
}
.seven-7{
    z-index: 99;
    position: absolute;
    width: 60px;
    height: 0;
    background:#ffffff;
    top: 43px;
    left: 0;
    overflow: hidden;
    transition: all 0.5s;
}
.eight-8{
    z-index: 99;
    position: absolute;
    width: 110px;
    height: 0;
    background:#ffffff;
    top: 43px;
    left: 0;
    overflow: hidden;
    transition: all 0.5s;
}
.one-1 p,.two-2 p,.three-3 p,.four-4 p,.five-5 p,.six-6 p,.seven-7 p,.eight-8 p{
    color:rgba(53, 40, 40, 0.88);
    font-weight: bold;
    text-align: center;
    margin-bottom:8px;
    font-size: 14px;
}
.one-1 p:hover,.two-2 p:hover,.three-3 p:hover,.four-4 p:hover,.five-5 p:hover,
.six-6 p:hover,.seven-7 p:hover,.eight-8 p:hover{
    color: #a10000;
}
.banner{
    margin-top: 20px;
}
.banner .navbar{
    width: 100%;
}
.banner .active .lb{
    height: 576px;
}
.banner .navbar-nav .nav-item{
    padding: 0 16px;
    border-bottom: 3px solid #ffffff;
}
.navberul li a:hover{
    text-decoration: none;
}
.navber ul li:hover a{
    color: rgb(189, 24, 24);
}
.bannernav ul li i{
    display: inline-block;
    width: 10px;
    height: 5px;
    right: 5px;
    top: 0;
    background-color: paleturquoise;
    border: 1px solid red;

    position: absolute;
}
.carousel-item img{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}
.juan img{
    width: 100%;
}
.juan del{
    color:#d3d3d3;
}
.juan ul li{
    float: left;
    width: 210px;
   margin-right: 12px;
    list-style: none;
    margin-top: 10px;
}
.juan ul li a{
    text-decoration: none;
    color:#474747;
}
.juan ul li a img{
    width: 100%;
}
.juan ul li .new-miaosha-price{
    position: relative;
}
.juan ul li .new-miaosha-productname{
    font-size: 16px;
    margin-top: 10px;
    height: 45px;
    font-weight: normal;
}
.juan ul li .new-miaosha-oldprice{
    display: block ;
    color: #d3d3d3;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
}
.juan ul li .new-miaosha-price .new-miaosha-saleprice{
    display: block ;
    color: #bb2b34;
    font-size: 16px;
}
.juan ul li .new-miaosha-afterdeposit{
    position: absolute;
    right:10px;
    bottom: 0;
    font-size: 16px;
    font-weight: normal;
}
.juan ul li .new-miaosha-afterdeposit em{
    color: #bb2b34;
    font-size: 24px;
    font-style: normal;
    font-weight: bolder;
}
.juan .row .col-md-3 img{
    width:100%;
    margin-top: 10px;
}
.yxtj{
    margin-top: 70px;
}
.yxtj .zi h2{
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    margin: 30px 0;
    font-family: "Microsoft YaHei";
    color: #9a9a9a;
}
.yxtj ul li{
    width: 294px;
    float: left;
    list-style: none;
    margin-right: 17px;
    display: inline;
}
.yxtj ul li a,.xztj ul li a{
    text-decoration: none;
    color: #727171;
}
.yxtj ul .pic-one{
     width: 475px;
 }
.yxtj ul .pic-two{
    width: 290px;
}
.yxtj ul .pic-three{
    width:286px;
}
.yxtj ul .pic-one img{
    width:100%;
    height:440px;
}
.yxtj ul .pic-two img{
    width:100%;
    height:193px;
}
.yxtj ul li h3,.xztj ul li h3{
    line-height: 28px;
    padding: 8px 12px;
    border: 1px solid #e8e7ec;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}
.yxtj ul li h3 span,.xztj ul li h3 span{
    float: right;
    line-height: 24px;
    font-size: 14px;
    font-family: "Arial";
    color: #a10000;
}
.yxtj ul li h3 em,.xztj ul li h3 em{
    font-size: 24px;
    color: #bb2b34;
}
.xztj ul li{
    width:255px;
    height:430px;
    float: left;
    display: inline;
    margin-right: 20px;
    margin-bottom: 20px;
}
.xztj ul li img{
    width:100%;
}
.xztj h2,.gdjp h2{
    text-align: center;
    font-size: 18px;
    padding: 20px 12px;
    color: #9a9a9a;
}
.gdjp .col-md-4{
    margin-top: 20px;
}
.gdjp .col-md-4 img{
    width:100%;
}
.gdjp .col-md-4 img:hover{
    cursor: pointer;
    transform: scale(1.1);
}
.ft{
    margin-top: 20px;
    border:1px solid #ccc ;
}
.fts{
    margin-top: 25px;
}
.zai{
    margin-top: 30px;
    margin-bottom:15px;
}
.ft .fts .xia{
    margin: 0 auto;
    width: 156px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    background: #b81c22;
    color: #ffffff;
}
.ft .fts .col-md-4{
    border-right:1px solid #ccc ;
}
.ft .fts .bb{
    border: 0;
}
.ft .fts .zj{
    text-align: center;
    font-size: 14px;
    color: #727171;
    line-height: 26px;
    margin-bottom:0;
}
.aa{
    color: #a10000;
}

.aa:hover{
    text-decoration: none;
    color: #a10000;
}
.ftx{
    margin-top:20px;
}
footer ul{
    list-style: none;
}
footer li{
    line-height: 26px;
    border-right: 1px solid #dadadb;
    width: auto;
}
footer .bz{
    border-right: none;
}
.banner .erweima {
    width: 104px;
    height: 104px;
}
.ft{
    overflow: hidden;
    width: 100%;
    height: auto;
    border: 1px solid #e0e0e1;
    font-family: "Microsoft YaHei";
    margin-bottom: 30px;
    margin-top: 30px;
}
.banner .col-md-4{
    margin-top: 30px;
}
 footer .col-md-4 .ewm{
    width: 104px;
    height: 104px;
}
.banner .col-md-2{
    margin-top: 30px;
}
.ftx a{
    font-size: 14px;
    color: #323232;
}
.ftx a:hover{
    text-decoration: none;
    color: #323232;
}
.footerBottom{
    width:100%;
    height: auto;
    margin:0 auto;
    border-top:1px solid #3e3e39;
}
.footerBottom p{
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    color: #3e3a39;
    font-family: "Microsoft YaHei";
    margin-bottom:0;
}
.blank20{
    display: block;
    width:100%;
    height:20px;
    font-size: 0;
    clear: both;
    overflow: hidden;
}
.SubFooter{
    text-align: center;
}
.searchTob .ku {
    outline: none;
}
.searchTob button:hover{
    outline: none;
}
/*json数据*/
#json{
     display: flex;
    flex-wrap: wrap;
 }
#json a{
    width: 23%;
    display: block;
    margin-right: 22px;
}
#json img{
    width: 260px;
    height: 300px;
    margin-top: 15px;
}
   /*返回到顶部*/
.nr5{
    background-image: url("../img/返回到顶部.png");
    background-color: transparent;
    background-repeat: no-repeat;
    width: 25px;
    height: 90px;
    cursor: pointer;
}
.fh{
    position: fixed;
    bottom: 60px;
    right: 20px;
}

.yxtj ul li a, .xztj ul li a{
    display: inline-block;
}
.xztj ul li a{
    transition: all 0.5s;
}

.xztj ul li a:hover{
    transform: translateY(-20px);
}

/*响应式*/
@media (max-width: 600px) {
    .vansearch .searchTob a,.hotWold p{
        display: none;
    }
    .banner .navbar-brand img{
        width: 70px;
        height: 30px;
    }
    .banner .active .lb{
        height:200px;
    }
    .headerTopleft .active,.vansearch .searchTob a{
        display: none;
        overflow: hidden;
    }
    .yxtj ul .pic-one img,.juan .jxp,.juan ul li{
        width: 100%;
    }
    .yxtj ul .pic-one img{
        height: 100%;
    }
    .juan ul li a img{
        width: 100%;
    }
    .tp{
        width:100%;
        height: 360px;
    }
    .juan ul li .new-miaosha-productname{
        text-align: center;
        font-size: 20px;
    }
    .yxtj ul .pic-one{
        text-align: center;
        display: block;
        width:285px;
    }
    footer .zai{
        width: 42px;
        height: 42px;
    }
    .searchTob, .hotWold{
        text-align: center;
        float: none;
        margin-top: 5px;
    }
    .hotWold{
        display: none;
    }
    .banner{
        margin-top: 0;
    }
    #json a{
        width: 100%;
        text-align: center;
    }
    #json img{
        display: block;
        width: 100%;
        margin-left: 20px;

}
}
